.el-tag {
  height: 24px;
  color: @midText;
  line-height: 22px;
  background: @default;
  padding: 0 0.6667rem;
  font-size: 0.9230rem;
  display: inline-block;
  border: 1px solid @border;
  border-radius: @borderRadio;
  transition: all .3s cubic-bezier(.78, .14, .15, .86);
  -webkit-transition: all .3s cubic-bezier(.78, .14, .15, .86);
  opacity: 1;
  margin-right: 8px;
  cursor: pointer;
  white-space: nowrap;
  &.el-primary {
    color: @primary;
    background: @l_primary;
    border-color: @d_primary;
  }
  &.el-secondary {
    color: @secondary;
    background: @l_secondary;
    border-color: @d_secondary;
  }
  &.el-danger {
    color: @danger;
    background: @l_danger;
    border-color: @d_danger;
  }
  &.el-success {
    color: @success;
    background: @l_success;
    border-color: @d_success;
  }
  .el-tag-close {
    opacity: .66;
    cursor: pointer;
    margin-left: 3px;
    font-size: 0.9230rem;
    display: inline-block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transform: scale(.83333333) rotate(0deg);
    -ms-transform: scale(.83333333) rotate(0deg);
    -webkit-transform: scale(.83333333) rotate(0deg);
  }
}